<template>
  <div class="MH-div-one">
    <a v-bind:href="'/daliet/' + Comis.ComicID">
      <div
        class="ComicsImg"
        v-bind:style="{
          background: 'url(' + Comis.ComicImgUrl + ') no-repeat',
          backgroundSize: '100% 100%',
        }"
      ></div>
    </a>
    <a v-bind:href="'/daliet/' + Comis.ComicID">
      <div class="ComicsTitle" v-bind:title="Comis.Comictitle">
        {{ Comis.Comictitle }}
      </div>
    </a>
    <a>
      <div class="ComicsCtentent" v-bind:title="Comis.ComicCtentent">
        {{ Comis.ComicCtentent }}
      </div>
    </a>
  </div>
</template>

<script>
export default {
  name: "MHdiv",
  props: ["MH"],
  data() {
    return {
      Comis: this.MH,
    };
  },
  create() {
    console.log(this.props);
  },
};
</script>



<style>
/* a标签样式 */
.MH-div-one a{
  text-decoration: none;
}
.MH-div-one {
  display: inline-block;
  width: 180px;
  height: 300px;
  padding-right: 16px;
  padding-bottom: 20px;
  /*border:1px solid black;*/
}

.ComicsImg {
  width: 100%;
  height: 245px;
  background-size: 100% 100%;
  border-radius: 4px;
}

.ComicsTitle {
  margin-top: 7px;
  margin-bottom: 2px;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.87);
}

.ComicsCtentent {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.34);
}
</style>